.treeSearch {
  position: relative;
  width: 218px;
  min-width: 218px;
  height: 100%;
  overflow: hidden;
  font-size: 13px;

  :global {
    .ant-input-prefix {
      img {
        width: 14px;
        height: 14px;
      }
    }

    .ant-tree {
      width: 100%;
      margin-top: 8px;
      overflow-y: auto;
      overflow-x: hidden;
      height: calc(100% - 32px);
      font-size: 13px;

      .ant-tree-switcher {
        display: none;
      }

      >.ant-tree-treenode {
        display: none;
      }

      .ant-tree-treenode {
        width: 218px;
        height: 28px;
      }

      .ant-tree-list-holder-inner {
        >.ant-tree-treenode:not(:first-child) {
          // margin-top: 12px;
        }
      }

      // .ant-tree-indent{
      //   width: 19px;
      // }

      .ant-tree-node-content-wrapper {
        // width: 100%;
        flex-grow: 1;
        height: 25px;
        padding: unset;
        line-height: 25px;

        .ant-tree-title {
          display: flex;
          align-items: center;
          width: 100%;

          // >img {

          // }

          div {
            flex-grow: 1;
          }

          >span {
            display: inline-block;
            width: 100%;
          }

          &:hover {

            // background-color: #DEEAFF;
            span {
              background: #DEEAFF;
            }
          }
        }

        &:hover {
          background-color: transparent;
        }
      }

      .ant-tree-node-content-wrapper-normal {

        width: 129px;

        .ant-tree-title {
          >span {
            display: inline-block;
            color: #35425E;
            padding-left: 5px;
            margin-left: -5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
          }
        }
      }

      .ant-tree-node-content-wrapper.ant-tree-node-selected {
        padding-left: 6px;
        margin-left: -6px;
        background-color: #DEEAFF;

        .ant-tree-title {
          >span {
            color: #35425E;
            font-weight: bold;
            background: #DEEAFF;
          }
        }

      }

      .ant-tree-node-selected {
        .ant-tree-title {
          div {
            color: #35425E;
            font-weight: 600;
            opacity: 1;
          }
        }
      }

      .ant-tree-node-content-wrapper-open {
        .ant-tree-title {
          div {
            >img {
              transform: rotate(90deg);
            }
          }
        }
      }
    }
  }
}

.secondTitle {
  width: 134px;
  color: #35425E;
}

.titleHover {
  display: inline-block;
  height: 25px;
  width: calc(100% + 6px) !important;
  padding-left: 5px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #35425E;

  &:hover {
    background: #DEEAFF;
  }
}

.secTitle {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 400;

  >img {
    position: absolute;
    top: 8px;
    left: -8px;
    width: 7px !important;
    height: 8px !important;
  }

  >span {
    padding-left: 5px;
  }

  :global {
    .open {
      position: absolute;
      right: 8px;
      display: inline-block;
      width: 11px;
      height: 11px;
      background-color: #038164 !important;
      border-radius: 6px;

      &::before {
        position: relative;
        top: -11px;
        left: -2.5px;
        content: '';
        display: inline-block;
        width: 6px;
        height: 3.5px;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        transform: rotate(-45deg);
      }
    }
  }
}

.thirdTitle {
  left: -25px;
  width: 195px;
  min-width: 195px;

  &_hover {
    display: inline-block;
    height: 25px;
    width: 100%;
    padding-left: 19px !important;
    line-height: 22px;

    color: #35425E;

    &:hover {
      background: #DEEAFF;
    }

    >span {
      display: block;
      width: 158px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }


}

.disabledTitle {
  position: relative;
  color: #4A5774;
  padding-left: 5px;

  &:hover {
    cursor: not-allowed;
  }

  &_title {
    opacity: 0.7;
    font-weight: bold;
  }
}

.check {
  position: absolute;
  display: flex;
  align-items: center;
  right: 1px;
  top: -2px;
  z-index: 10;
  font-weight: 400;

  &::before {
    position: relative;
    left: -7px;
    display: inline-block;
    width: 1px;
    height: 12px;
    position: relative;
    content: ' ';
    background-color: #E5E5E5;
  }

  img {
    width: 14px;
    height: 14px;
    margin-right: 2px;
    transform: rotate(0deg) !important;

    &:hover {
      cursor: pointer;
    }
  }

  .checkDisabled:hover {
    cursor: not-allowed;
  }

  span {
    color: #35425E;
    font-size: 13px;
    line-height: 28px;
    opacity: 0.7;
  }
}

* {
  font-size: 13px;
}

.cusSelect {
  width: 100%;
  margin-left: 0;
  margin-top: 0px;

  :global {
    .ant-select-selector {
      border: none !important;
      background-color: #F5F6F8 !important;

      .ant-select-selection-item {
        color: #35425E;
      }
    }

    .ant-select-arrow {
      >img {
        position: relative;
        top: -1px;
        width: 16px;
        height: 16px;
      }
    }
  }
}

.firstT {
  cursor: not-allowed;
}

.tree_arrow {
  position: relative;
  width: 7px;
  height: 8px;
  margin-right: 4px;
  top: -2px;
}

.tree_arrow_second {
  position: relative;
  width: 7px;
  height: 8px;
  margin-right: 4px;
  top: -2px;
}

.tree_arrow_open {
  transform: rotate(90deg);
}

.tree_file {
  position: relative;
  top: -2px;
  width: 15px;
  height: 12px;
  // margin-right: 3px;
}


.secTitle>span {
  line-height: 25px;
  margin-left: 2px;
}

.treeSearchIndustry {
  :global {
    .ant-tree-node-content-wrapper.ant-tree-node-content-wrapper.ant-tree-node-selected {
      background-color: transparent;

      .ant-tree-title {
        >div>span {
          background-color: #DEEAFF;
        }
      }
    }
  }

  padding-bottom: 40px;
}

.treeSelect {
  width: 100%;
  margin-bottom: 2px;

  :global {
    .ant-select-selector {
      border: unset !important;
      padding-left: 4px !important;
      background-color: #EDF0F5 !important;
    }

    .ant-select-arrow {
      >img {
        position: relative;
        top: -1px;
        width: 16px;
        height: 16px;
      }
    }
  }
}